@import '~igniteui-angular/lib/core/styles/themes/schemas/light/scrollbar';

////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
////

/// Generates a dark scrollbar schema.
/// @type {Map}
/// @property {Color} thumb-background [igx-color: surface, lighten: 20%] - The background color used for the thumb.
/// @property {Color} track-background [igx-color: 'surface', lighten: 5%] - The background color used for the track.
/// @property {String | Number} size [16px] - The size of the track.
/// @requires $_light-scrollbar
/// @see $default-palette
$_dark-scrollbar: extend(
    $_light-scrollbar,
    (
        thumb-background: (
            igx-color: 'surface',
            lighten: 20%
        ),
    )
);

/// Generates a fluent scrollbar schema.
/// @type {Map}
/// @requires {function} extend
/// @requires $_dark-scrollbar
$_dark-fluent-scrollbar: extend(
    $_dark-scrollbar,
    (
        variant: 'fluent',
    )
);

/// Generates a bootstrap scrollbar schema.
/// @type {Map}
/// @requires {function} extend
/// @requires $_dark-scrollbar
$_dark-bootstrap-scrollbar: extend(
    $_light-scrollbar,
    (
        variant: 'bootstrap',
    )
);

